import React, { useState } from 'react'
import { Breadcrumb, Layout } from 'antd'

import { Link, Outlet } from 'react-router-dom'
import mainStyle from './main.module.scss'
import AigcMenu from '@/components/AigcMenu'
import AigcIcon from '@/components/AigcIcon'

const { Header, Sider, Content } = Layout

export default function Main() {
  return (
    <Layout className={mainStyle.myLayout}>
      <Header className={mainStyle.header}>
        <div className={mainStyle.logo}></div>
        <div className="ml-auto">
          <Link
            to={'/bigscreen'}
            className="w-[120px] float-right text-white text-xl"
            title="大屏"
          >
            <AigcIcon iconName="shujudaping" className="w-[30px] h-[30px]" />
          </Link>
        </div>
      </Header>
      <Layout className={mainStyle.maincontent}>
        <Sider className={mainStyle.sider}>
          <AigcMenu></AigcMenu>
        </Sider>
        <Content className={mainStyle.content + ' '}>
          <Outlet />
        </Content>
      </Layout>
    </Layout>
  )
}
